$(function () {
    $.ajax({
        url: "../json/data1.json"
    })
        .then(function (res) {
            nav(res.data2)
            navcontent(res.data6)
        })
    //    导航栏内容
    function nav(res) {
        $(".nav").html($.map(res, function (item) {
            return `<div>
            <a href="${item.src}">${item.name}</a>
            <div class="topnav" id="topnav${item.id}"></div>
            </div>
            `
        }).join(""))
    }
    // 导航栏二级菜单
    function navcontent(res) {
        // console.log(res);
        for (var i = 0; i < res.length; i++) {
            if (i === 0 || i === res.length) {
                continue;
            } else {
                $(".topnav").eq(i).html(
                    $.map(res, function (item, index) {
                        if (index > 5) {
                            return ""
                        }
                        return `<div>
                        <a href="#">
                        <img src="${item.image}" alt=""></a>
                        <h4>${item.title}</h4>
                        <p>${item.figuretitle}</p>
                        <span class="s1">${item.price}</span>
                        <span class="s2">${item.del}</span>
                    </div>`
                    }).join("")
                )
            }
        }
    }




    // 导航栏吸顶
    let $top = $(".top");
    let top = $top.offset().top;
    $(window).scroll(function () {
        var scrollTop = $("body,html").scrollTop();
        if (scrollTop >= top) {
            $top.addClass("too");
        }
        if (scrollTop < top) {
            $top.removeClass("too")
        }
    })
    // 放大镜搜索
    let $jing = $("#fangda")
    let $close = $(".close")
    // 搜索栏显示隐藏
    $jing.click(function (e) {
        e.preventDefault();
        $(".sous").addClass("active");
    });
    $close.click(function (e) {
        e.preventDefault();
        console.log(1);
        $(".sous").removeClass("active");
    });
    



})